﻿body,span,div,p,h1,h2,h3,h4,h5,h6,a,ul,li,input
{
    margin:0;
    padding:0;
    font-family: Calibri, Arial, Tahoma, Sans-Serif;
    text-decoration: none;
    font-size: 18px;
    cursor: default;
}

body
{
    background: #666 url(mobile_images/main_background.jpg) top left repeat;
}

input:focus,select:focus
{
    outline:none;
}
#notfound
{
    color: #fff;
    text-shadow: 1px 1px 0 #000;    
}

ul{list-style:none;}

#container
{
    position:absolute;
    top:0;left:0;
    width:100%;
    height:100%;
    background: #eee;
    overflow:hidden;
}

/* Main layout  */

#layout-wrapper
{
    width:100%;
    height:100%;
}

.page
{
    width:100%;
    height:100%;
    position:absolute;
    background: #323232 url(mobile_images/background.png) top left repeat;
}

.page.inactive
{
    display:none;
}

.page .title
{
    font-family: Calibri;
    color:#fff;
    font-size:14px;
    width:100%;
    text-align:center;
    padding: 4px 0;
    text-shadow: -1px -1px 0 #000;
    background-color: #323232;
    background-image: -moz-linear-gradient(0% 100% 90deg,#323232,#3c3c3c);
    background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#3c3c3c),to(#323232));
    border-top:1px solid #555;
    border-bottom:1px solid #444;    
}

#placepage .input_form
{
    background: #323232 url(mobile_images/bg_input.png) top left repeat-x;
    height:42px;
}

#placepage .textsubmit{height:100%;}
#streetpage .textsubmit{height:48%;}

#streetpage .input_form,#aroundpage .input_form
{
    background: #323232 url(mobile_images/bg_dblinput.png) top left repeat-x;
    height:82px;
}

.textsubmit
{
    width:100%;
    float:left;
}

.textsubmit input[type="text"]{width:70%; padding:5px 10% 5px 4%;font-size: 16px;float:left;margin-top:6px;margin-left:8%;}
.textsubmit input[type="text"],.input_form select,.select .curselect
{
    background-color: #eee;
    border-radius: 15px;
    border:none;
    color: #444;
    text-shadow: 0 1px 0 #eee;
    border:1px solid #fff;
    background-image: -moz-linear-gradient(0% 100% 90deg,#cacaca,#e5e5e5);
    background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#e5e5e5),to(#cacaca));
    max-height:20px;
}

.textsubmit.bullet input[type="text"]
{
    margin-left:5px;
}

.textsubmit.bullet:first-child span{background: url(mobile_images/a.png) top left no-repeat;}
.textsubmit.bullet:last-child span{background: url(mobile_images/b.png) top left no-repeat;}

.textsubmit.bullet span
{
    margin-top: 9px;
    margin-left:3%;
    width:25px;
    height:25px;
    float:left;
}

.textsubmit input[type="text"]:focus
{
    text-shadow: 0 1px 0 #fff;
    color: #222;
    border:1px solid #fff;
    background-image: -moz-linear-gradient(0% 100% 90deg,#dadada,#f5f5f5);
    background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#f5f5f5),to(#dadada));
}

.textsubmit input[type="submit"]
{
    border-radius: 15px;
    border:none;
    background: transparent url(images/mini_search.png) center center no-repeat;
    width:25px;
    height:25px;
    float:left;
    margin:8px 0 0 -30px;
}
.select .curselect{padding: 4px 10%; width:100%; float:left;}
.select .curselect a{font-size:15px; float:left; width:100%;}
.select .curselect span{width:20px; height:20px; margin-left:-20px; background: url(mobile_images/house.png) 0px -40px no-repeat; float:right;}

.select
{
    float:left;
}

.select .m_bdcontent
{
    position:absolute;
    display:none;
    max-height:100px;
    max-width:120px;
    overflow:hidden;
    padding:10px 15px 10px 10px;
    top:105px;
    border:1px solid #fff;
    border-radius: 5px;
    box-shadow: 0 1px 5px #000;
    background-color: #eee;
    background-image: -moz-linear-gradient(0% 100% 90deg,#d5d5d5,#eee);
    background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#eee),to(#d5d5d5));
}

.select .curselect:active{
    border:1px solid #fff;
    background-image: -moz-linear-gradient(0% 100% 90deg,#dadada,#f5f5f5);
    background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#f5f5f5),to(#dadada));
}

.select .curselect
{
    overflow:hidden;
}

.select .curselect + .cshow
{
    display:block;
}

.select ul li
{
    text-shadow: 0 1px 0 #fff;
}

.select ul li:active
{
    background-color: #008aff;
}

#aroundpage .option
{
    float:left;
    width:84%;
    margin-top:5px;
    margin-left:8%;    
}

#aroundpage .option .select#placetype
{
    width:40%;
}

#aroundpage .option .select#range
{
    float:right;
    width: 25%;
    margin-right: 8px;
}

.page .m_bdcontent
{
    overflow:hidden;
    width:100%;
}

.m_bdcontent .list_res
{
    width:90%;
    margin-left:5%;
    padding-bottom:5px;
}

.list_res li
{
    #background-color: rgba(90,90,90,0.65);
    background-image: -moz-linear-gradient(0% 100% 90deg,rgba(90,90,90,0.55),rgba(120,120,120,0.55));
    background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(120,120,120,0.55)),to(rgba(90,90,90,0.55)));
    border:1px solid rgba(255,255,255,0.35);
    border-bottom-color:rgba(255,255,255,0.1);
    margin:5px 0;
    width:96%;
    min-height: 43px;
    padding:2%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.list_res li.focus
{
    background-image: -moz-linear-gradient(0% 100% 90deg,rgba(0,111,206,0.8),rgba(0,162,255,0.8));
    background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(0,162,255,0.8)),to(rgba(0,111,206,0.8)));
    border:1px solid rgba(18,208,212,0.95);
    border-bottom-color:rgba(255,255,255,0.1);
}

.list_res li img
{
    width:43px;
    height:43px;
    float:left;
}

.list_res li .info
{
    margin-left:50px;
}

.list_res li .info .namelocation,.list_res li .info .address
{
    color:#dcdcdc;
    text-shadow: 1px 1px 0 #000;
}

.list_res li .info .namelocation
{
    font-size:14px;
}

.list_res li .info .address
{
    font-size:12px;
    padding-left:22px;
    background: url(mobile_images/house.png) 0px -4px no-repeat;
}

.list_res li.focus .info .address
{
    background-position:0px -24px;
}

.list_res li.focus .namelocation,.list_res li.focus .info .address
{
    color:#fff;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.4);
}

.slider-content
{
    display:none;
    position:absolute;
    right:0;
    top:0;
    width:5px;
}

.slider-content span
{
    position:absolute;
    top:0;
    height:50px;
    width:100%;
    background-color: rgba(0,130,255,0.5);
}


#mainpage
{
    z-index:0;
}

#mainpage #top-content
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:35px;
    z-index:10;    
}

#top-content #logo a
{
    color: transparent;
    display:block;
    height:25px;    
}

#top-content #logo
{
    width:119px;
    height:25px;
    background: url(mobile_images/logo.png) top left no-repeat;
    margin: 2px 8px;
    float:left;
}

#top-content #toolbar
{
    float:right;
    width: 160px;
    height:30px;
    background: rgba(0,0,0,0.85) url(mobile_images/icons_toolbar.png) top left no-repeat;
    margin-right:20px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    box-shadow: 0 0 8px rgba(0,0,0,0.8);
    overflow: hidden;
}

#toolbar li
{
    height:30px;
    width:40px;
    float:left;
    background-image: url(mobile_images/icons_toolbar.png);
    background-repeat: no-repeat;
}

#toolbar li a
{
    display:block;
    width:100%;
    height:100%;
}
#toolbar li a:active
{
    background-color: rgba(0,162,255,0.2);
}

#toolbar li#pluszoom{background-position: -160px 0px;}
#toolbar li#pluszoom:active{background-position: -360px 0px;}
#toolbar li#minuszoom{background-position: -200px 0px;}
#toolbar li#minuszoom:active{background-position: -400px 0px;}
#toolbar li#yourlocation{background-position: -240px 0px;}
#toolbar li#yourlocation:active{background-position: -440px 0px;}
#toolbar li#maptype.map{background-position: -280px 0px;}
#toolbar li#maptype.map:active{background-position: -480px 0px;}
#toolbar li#maptype.sat{background-position: -320px 0px;}
#toolbar li#maptype.sat:active{background-position: -520px 0px;}

/*      View Page     */

/*     End View Page     */

#navs
{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:41px;
    z-index:1000;    
    background: #202020 url(mobile_images/icons_menu.png) top left repeat-x;
    #background-image: -moz-linear-gradient(0% 100% 90deg,#f5f5f5,#fafafa);
    #background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#fafafa),to(#f5f5f5));
}

#navs #mleft,#navs #mright
{
    position:absolute;
    height:100%;
    width:30px;
}

#navs .nav.hidden
{
    visibility:hidden;
}

#navs .nav
{
    position:absolute;
    top:1px;
    height:40px;
}

.nav li
{
    background-image: url(mobile_images/icons_menu.png);
    background-repeat: no-repeat;
    float:left;
    height:100%;
}

.nav li a
{
    font-family: Arial;
    display:block;
    padding:0 10px;
    height:100%;
    bottom: 0px;
    line-height:65px;
    font-weight:bold;
    font-size: 10px;
    color:#aaa;
}

.nav li.ico_position{background-position: center -47px;}
.nav li.ico_position:active{background-position: center -211px;}
.nav li.ico_street{background-position: center -88px;}
.nav li.ico_street:active{background-position: center -252px;}
.nav li.ico_around{background-position: center -129px;}
.nav li.ico_around:active{background-position: center -293px;}
.nav li.ico_user{background-position: center -170px;}
.nav li.ico_user:active{background-position: center -334px;}
.nav li.ico_userguide{background-position: center -499px;}
.nav li.ico_userguide:active{background-position: center -376px;}
.nav li.ico_contact{background-position: center -539px;}
.nav li.ico_contact:active{background-position: center -416px;}
.nav li.ico_aboutus{background-position: center -580px;}
.nav li.ico_aboutus:active{background-position: center -457px;}
.nav li.ico_view{background-position: center -623px;}
.nav li.ico_view:active{background-position: center -787px;}
.nav li.ico_startp{background-position: center -665px;}
.nav li.ico_startp:active{background-position: center -829px;}
.nav li.ico_endp{background-position: center -706px;}
.nav li.ico_endp:active{background-position: center -870px;}
.nav li.ico_map{background-position: center -747px;}
.nav li.ico_map:active{background-position: center -911px;}
.nav li.ico_changep{background-position: center -993px;}
.nav li.ico_changep:active{background-position: center -952px;}
.nav li.ico_desktop{background-position: center -1033px;}
.nav li.ico_desktop:active{background-position: center -1074px;}

.nav li a:active
{
    background-color: rgba(0,162,255,0.2);
    color: #fff;
}

#googlemap
{
    position:absolute;
    bottom: 42px;
    right:0;
    z-index:5;
    padding: 2px 5px;
    background-color: rgba(255,255,255,0.7);
}

#googlemap, #googlemap a
{
    font-weight:bold;
    font-size: 10px;
    color: #000;
}

#googlemap a
{
    text-decoration: underline;
    margin-left: 5px;
}

#map-container
{
    position:absolute;
}

#map-container,#map-container #map-pic,#map-container #map-pic-fake
{
    width:100%;
    height:100%;
}

#map-pic
{
    
}

.clear-fix
{
    clear:both;
}

#map-pic
{
    z-index:1;
}
#map-pic-fake
{
    z-index:0;
}
#map-pic,#map-pic-fake{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    border:none;
    cursor: auto;
}

#forminfo {
    position:relative;
}

#context,#forminfo {
    position:absolute;
    width:100%;
    height:100%;
    z-index:10000;
}

    #forminfo #info_content {
        position:relative;
    }

    #context #contextmenu_map, #forminfo #info_content {
        width:301px;
        height:290px;
        margin:auto;
        padding:25px 0 0 49px;
        background: url(mobile_images/dialog_bg.png) top left no-repeat;
    }

#contextmenu_map li.mn_item0 a {
    background: url(mobile_images/mobile_button.png) top left no-repeat;
}

#contextmenu_map li.mn_item1 a {
    background: url(mobile_images/mobile_button.png) left -37px no-repeat;
}

#contextmenu_map li.mn_item2 a {
    background: url(mobile_images/mobile_button.png) left -74px no-repeat;
}

#contextmenu_map li.mn_item3 a {
    background: url(mobile_images/mobile_button.png) left -111px no-repeat;
}

#contextmenu_map li a{
    display:block;
    width:202px;
    height:37px;
    margin:15px 0;
}

    #contextmenu_map li a:active,#forminfo #info_content a:active {
        background-position-x: right;
    }

#forminfo #info_content #info_fullname {
    font-size:20px;
    color:#fff;
    width:200px;
    text-align:center;
    padding:5px 0 10px;
}

#forminfo #info_content #info_address {
    font-size: 16px;
    width:200px;
    color:#fff;
    text-align:center;
    padding:10px 0 10px;
}

#forminfo #info_content a {
    display:block;
    width:122px;
    height:38px;
    margin:15px 0;
    position:absolute;
    bottom: 55px;
    left:90px;
    background: url(mobile_images/ok.png) left top no-repeat;
}